<template>
 <div class="goods-list">
   <router-link class="goods-item" to="/home/goodsInfo/16" tag="div">
       <img src="../../images/002.jpg">
       <h3 class="title">美丽而又魔幻的城堡</h3>
       <div class="info">
           <p class="price">
               <span class="now">￥9999</span>
               <span class="old">￥14999</span>
           </p>
           <p class="sell">
               <span>热卖中</span>
               <span>剩余88套</span>
           </p>
       </div>
   </router-link>
     <div class="goods-item">
         <img src="../../images/002.jpg">
         <h3 class="title">美丽而又魔幻的城堡</h3>
         <div class="info">
             <p class="price">
                 <span class="now">￥9999</span>
                 <span class="old">￥14999</span>
             </p>
             <p class="sell">
                 <span>热卖中</span>
                 <span>剩余88套</span>
             </p>
         </div>
     </div>
     <div class="goods-item">
         <img src="../../images/002.jpg">
         <h3 class="title">美丽而又魔幻的城堡</h3>
         <div class="info">
             <p class="price">
                 <span class="now">￥9999</span>
                 <span class="old">￥14999</span>
             </p>
             <p class="sell">
                 <span>热卖中</span>
                 <span>剩余88套</span>
             </p>
         </div>
     </div>
 </div>
</template>
<script>

</script>
<style lang="scss" scoped>
.goods-list{
    display:flex;
    flex-wrap:wrap;
    padding:7px;
    justify-content:space-between;
    .goods-item{
        width:49%;
        border:1px solid #ccc;
        box-shadow:0 0 10px #ccc;
        margin:4px 0;
        padding:2px;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        min-height:295px;
        img{
            width:100%;
        }
        .title{
            font-size:14px;
        }
        .info{
            background-color:#eee;
            p{
                margin:0;
                padding:5px;
            }
            .price{
                .now{
                    color:red;
                    font-weight:bold;
                    font-size:16px;
                }
                .old{
                    text-decoration:line-through;
                    font-size:12px;
                    margin-left:10px;
                }
            }
             .sell{
                 display:flex;
                 justify-content:space-between;
                 font-size:13px;

             }
        }
    }
}
</style>